﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>随机字符串生成 - huatools.com</title>
    <meta charset="UTF-8">
    <meta name="keywords" content="随机字符串生成,随机密码生成">
    <meta name="description" content="在线随机字符串生成、随机密码生成工具。">
    <meta name="renderer" content="webkit">
    <link rel="icon" href="../img/favicon.ico"/>
    <link rel="stylesheet" href="//lf6-cdn-tos.bytecdntp.com/cdn/expire-1-y/layui/2.5.5/css/layui.min.css"/>
    <link rel="stylesheet" href="//lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/codemirror/5.50.0/codemirror.min.css">
    <link rel="stylesheet" href="../css/public.min.css"/>
    <link rel="stylesheet" href="../css/tools.min.css"/>
    <link rel="stylesheet" href="index.min.css"/>
    <script src="//lf26-cdn-tos.bytecdntp.com/cdn/expire-1-y/layui/2.5.5/layui.js"></script>
    <script src="//lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/jquery/3.6.0/jquery.min.js"></script>
    <script src="//lf6-cdn-tos.bytecdntp.com/cdn/expire-1-y/codemirror/5.50.0/codemirror.min.js"></script>
    <script src="//lf6-cdn-tos.bytecdntp.com/cdn/expire-1-y/codemirror/5.50.0/addon/display/placeholder.min.js"></script>
    <script src="//lf3-cdn-tos.bytecdntp.com/cdn/expire-1-y/Faker/3.1.0/faker.min.js"></script>
    <script src="//lf3-cdn-tos.bytecdntp.com/cdn/expire-1-y/clipboard.js/2.0.10/clipboard.min.js"></script>
    <script src="//lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/FileSaver.js/2.0.5/FileSaver.min.js"></script>
    <script src="../js/public.min.js"></script>
    <script src="index.min.js"></script>
</head>
<body>
<div class="body-div">
    <div class="menu-div">
        <ul class="layui-nav">
            <li class="layui-nav-item"><a href="/public/">JSON格式化</a></li>
            <li class="layui-nav-item"><a href="/public/xml-format/">XML格式化</a></li>
            <li class="layui-nav-item">
                <a href="javascript:">URL工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">对比工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">转换工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">分隔工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">文本工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">数字工具</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">格式化</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">加解密</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:">更多</a>
                <dl class="layui-nav-child"></dl>
            </li>
            <li class="layui-nav-item skin-nav-item">
                <a href="javascript:"><i class="layui-icon layui-icon-theme"></i>换肤</a>
                <dl class="layui-nav-child"></dl>
            </li>
        </ul>
    </div>
    <div class="main-div tool-div">
        <div class="layui-container tool-container">
            <div class="layui-row btns-row">
                <div class="layui-col-md12">
                    <button type="button" class="layui-btn layui-btn-warn" id="clear">清空</button>
                    <div class="my-form">
                        <label>数量</label><input type="number" class="layui-input" id="quantity" value="1" min="1" title="生成数量（最大2000）" onkeypress="if(/[^\d]/.test(event.key))event.returnValue=false">
                        <label>长度</label><input type="number" class="layui-input" id="length" value="10" min="1" title="生成字符长度（最长2000）" onkeypress="if(/[^\d]/.test(event.key))event.returnValue=false">
                    </div>
                    <button type="button" class="layui-btn layui-btn-sm" id="generate">生成</button>
                    <button type="button" class="layui-btn layui-btn-blue" id="copy">复制</button>
                    <div class="other-btns">
                        <button type="button" class="layui-btn layui-btn-sm right-btn" id="save" title="保存">
                            <i class="gg-download"></i>
                        </button>
                    </div>
                </div>
            </div>
            <div class="layui-row btns-row check-row">
                <form class="layui-form check-form">
                    <div class="layui-col-mdl">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <input type="checkbox" id="capital-check" title="大写字母" lay-skin="primary" lay-filter="capital" checked>
                                <input type="text" class="layui-input" id="capital-input" value="ABCDEFGHIJKLMNOPQRSTUVWXYZ">
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-mdl">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <input type="checkbox" id="lowercase-check" title="小写字母" lay-skin="primary" lay-filter="lowercase" checked>
                                <input type="text" class="layui-input" id="lowercase-input" value="abcdefghijklmnopqrstuvwxyz">
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-mdr">
                        <button type="button" class="layui-btn layui-btn-sm" id="reset">重置</button>
                    </div>
                </form>
            </div>
            <div class="layui-row btns-row">
                <form class="layui-form check-form">
                    <div class="layui-col-mdl">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <input type="checkbox" id="number-check" title="数字" lay-skin="primary" lay-filter="number" checked>
                                <input type="text" class="layui-input" id="number-input" value="0123456789">
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-mdl">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <input type="checkbox" id="spechars-check" title="特殊字符" lay-skin="primary" lay-filter="spechars" checked>
                                <input type="text" class="layui-input" id="spechars-input" value="!@#$%^&*()_+">
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-mdr">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <input type="checkbox" id="prefix-check" title="前缀" lay-skin="primary" lay-filter="prefix">
                                <input type="text" class="layui-input gray-input" id="prefix-input">
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="layui-row editor-row">
                <div class="layui-col-md12">
                    <textarea id="input" placeholder="结果"></textarea>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
